<template>
  <div>
    echart 使用说明
    图表容器及大小
    通常我们定义一个容器div
    echarts.init() 进行初始化
    默认我们顶一个初始化容器的大小,设置容器的宽度和高度
    如果图表容器不存在宽度和高度，或者，你希望图表宽度和高度不等于容器大小，也可以在初始化的时候指定大小。
    var myChart = echarts.init(document.getElementById('main'), null, {
    width: 600,
    height: 400
    });
    响应容器大小的变化
    var myChart = echarts.init(document.getElementById('main'));
    window.onresize = function() {
    myChart.resize();
    };
    myChart.resize({
    width: 800,
    height: 400
    })
    正确的做法是，在图表容器被销毁之后，调用 echartsInstance.dispose 销毁实例，在图表容器重新被添加后再次调用 echarts.init 初始化。
    直接的样式设置 itemStyle, lineStyle, areaStyle, label, ..
    数据集
    series: [
    {
    type: 'bar',
    name: '2015',
    data: [89.3, 92.1, 94.4, 85.4] 数据集处理们很麻烦
    },
    据集中设置数据
    dataset: {
    // 提供一份数据。
    source: [
    ['product', '2015', '2016', '2017'],
    ['Matcha Latte', 43.3, 85.8, 93.7],
    ['Milk Tea', 83.1, 73.4, 55.1],
    ['Cheese Cocoa', 86.4, 65.2, 82.5],
    ['Walnut Brownie', 72.4, 53.9, 39.1]
    ]

    事件与行为

  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>
